
/**
 * React 组件化开发模式
 * 
 * 一个组件就是用户界面的一部分，它可以由自己的逻辑和外观
 * 组件之间可以相互嵌套，也可以复用多次 
 * 
 * 
 * 在Reack中，一个组件就是 首写字母大写的函数，内部存放了
 * 组件的逻辑和视图UI，渲染组件只需要把组件 当成标签书写即可
 */
//1.定义组件


/**  是一个函数，箭头函数也行 */
function ButtonMy(){
  return <button>click me</button>
}









function App() {
  return (
    <div className="App">
      {/** 成对标签 */}
      <ButtonMy></ButtonMy>
      {/**  自闭 */}
      <ButtonMy/>
    </div>
  );
}

export default App;
